<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 使用div来包裹容器,设置容器距离两边的宽度为自动这样元素会自动水平居中margin: auto,
		      左右两边的宽度 width: 500px, 以及容器的最小宽度-->
		<!-- 当设置容器的最小宽度  width之后, 网页缩小就不能小于这个宽度了-->
		<div style="color: #5c5e62; margin: auto; width: 500px;"> 
		
		<!-- 将深海简介 居中 -->
		<p align="center">
			<!-- 然后 针对 文本进行设置.并不作用于位置关系 , 背景颜色是灰色gray, 字体白色, 字号24像素 -->
			<span style=" background-color: gray; color: white; font-size: 24px;">
				 深海简介
			</span>
		</p>
		
		<p>
			 <strong>那么我看的时候应该是十岁出头，看到一半</strong>
		    <span style="color: darkgreen;">(那个人脑袋里长出的东西布满了整个墙）之后直接扯着我妈尖叫想带着饮料回家我妈：</span>
			？不是很恐怖啊
		 </p>
		 
		<p>
			<strong>然后结尾女主见到了那个骷髅和那个镜像一样的东西时 我直接升天了（小时候对骷髅骨头尸体这种怕到死）</strong>
		</p>
		<p>
			<span style="color: #f6a829;">买张电影票 你买不了吃亏 买不了上当我妈我妈：？不是很恐怖啊我妈：？不是很恐怖啊：</span>
			<strong>买张电影票 你买不了吃亏 买不了上当我妈我妈：</strong>
			？不是很恐怖啊我妈：？不是很恐怖啊：
			买张电影票 你买不了吃亏 买不了上当我妈我妈：
			<strong>？不是很恐怖啊我妈：？不是很恐怖啊：</strong>
		</p>
		</div>
	</body>
</html>
